<template>
  <div class="wrap" id="children2">
    <el-dialog
      title="编辑"
      :visible.sync="state"
      @close="close"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
    >
      <el-dialog width="30%" title="请输入驳回原因" :visible.sync="innerVisible" append-to-body>
        <el-input placeholder="请输入驳回原因...." v-model="bhvalue"></el-input>
        <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="innerVisible=false">取消</el-button>
          <el-button type="primary" @click="close(2)">确定驳回</el-button>
        </div>
      </el-dialog>
      <el-form>
        <el-form-item label="业务用户:" :label-width="formLabelWidth">
          <span class="a">13795098311</span>
        </el-form-item>
        <el-form-item label="用户类型:" :label-width="formLabelWidth">
          <span class="a">商家</span>
        </el-form-item>
        <el-form-item label="交易订单号:" :label-width="formLabelWidth">
          <span class="a">13795098311</span>
        </el-form-item>
        <el-form-item label="金额:" :label-width="formLabelWidth">
          <span class="a">13795098311</span>
        </el-form-item>
        <el-form-item label="支付方式:" :label-width="formLabelWidth">
          <span class="a">支付宝</span>
        </el-form-item>
        <el-form-item label="收款账户:" :label-width="formLabelWidth">
          <span class="a">1021212</span>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="success" @click="close()">审核通过</el-button>
        <el-button type="danger" @click="bf">驳 回</el-button>
        <el-button type="primary" @click="close(1)">关闭</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>
export default {
  props: {
    userState2: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      formLabelWidth: "140px",
      imageUrl: "",
      innerVisible: false,
      bhvalue:""
    };
  },
  computed: {
    state: {
      get() {
        return this.userState2;
      },
      set() {}
    }
  },
  methods: {
    close(v) {
      this.innerVisible = false
      if (v) {
        this.$emit("getUser2");
      } else {
        this.$emit("getUser2");
      }
    },
    handleAvatarSuccess(res, file) {
      console.log(file);
      this.imageUrl = URL.createObjectURL(file.raw);
    },
    bf(){
      this.innerVisible = true
    }
  }
};
</script>
<style lang="scss" scoped>
.el-input {
  width: 240px;
}
.el-dialog {
  width: 50% !important;
}
.a {
  color: #719bef;
}
.dialog-footer {
  display: flex;
  justify-content: center;
}
</style>
<style lang="scss">
#children2 .el-dialog {
  width: 40% !important;
}
#children2 .el-form-item__label {
  color: #719bef;
}
</style>